<!-- 
  组件到底是啥？
  
  UI = fn(state)
  所谓的组件就是传入不同的数据 经过一个函数的执行 返回一个可见的UI结构

-->

<script>
  function render(name){
    return name
  }

  const ui1 = render('cp')
  const ui2 = render('pc')


  // vue props 定义形参  props:{name}
  // <com :name="cp"/>  <com :name="pc"/>

  // 不管props还是slot 都可以把它理解为 这是组件的形参  将来多次渲染组件的时候会传入实参
  // 传入的实参是什么  渲染出来的结果就是什么

  
</script>

